*{
    padding: 0;
    margin: 0;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.wrapp{
    .tb{
        .px2rem(width, 375*2);
        .px2rem(height, 50*2);
        .px2rem(line-height, 50*2);
        .t1{
            .px2rem(padding-left, 20*2);
            img{
                .px2rem(width, 133*2);
                .px2rem(height, 29*2);
            }
            span{
                color: red;
                .px2rem(font-size, 24*2);
                .px2rem(width, 24*2);
                .px2rem(height, 18*2);
                .px2rem(line-height, 50*2);
                float: right;
                .px2rem(margin-right, 10*2);
            }
        }
    }
    .q{
        clear: both;
    }
    .box{
        .px2rem(width, 375*2);
        .px2rem(height, 135*2);
        .px2rem(margin-top, 10*2);
        .wrap {
            .px2rem(width, 375*2);
            .px2rem(height, 135*2);
            position: absolute;
              overflow: hidden; 
            .list {
                .px2rem(width, 3000*2);
                .px2rem(height, 135*2);
                position: absolute;
                list-style: none;
                .item {
                    .px2rem(width, 375*2);
                    .px2rem(height, 135*2);
                    border: 1px #ccc solid;
                    float: left;
                    img{
                        .px2rem(width, 375*2);
                        .px2rem(height, 135*2);
                    }
                  }
              }
              .dots {
                position: absolute;
                .px2rem(left, 40*2);
                .px2rem(width, 375*2);
                li {
                    .px2rem(width, 10*2);
                    .px2rem(height, 10*2);
                    float: left;
                    list-style: none;
                    .px2rem(margin-right, 12*2);
                    background-color: #ccc;
                    .px2rem(margin-top, 110*2);
                    .px2rem(border-radius, 50*2);
                    
                  }
                  .current {
                    background-color: red;
                    .px2rem(width, 12*2);
                    .px2rem(height, 5*2);
                  }
              }
          }
    }
    .box2{
        .px2rem(margin-top, 30*2);
        .px2rem(margin-left, 20*2);
        list-style: none;
        .wrap2{
            .list2{
                li{
                   
                    .li1{
                        .px2rem(width, 159*2);
                        .px2rem(height, 230*2);
                        border: 1px #ccc solid;
                        float: left;
                        .px2rem(margin-right, 20*2);
                        .li11{
                            text-align: center;
                            img{
                                .px2rem(width, 159*2);
                                .px2rem(height, 120*2);
                            }
                        }
                        .li12{
                            .px2rem(width, 50*2);
                            .px2rem(height, 50*2);
                            background:orangered  url('../img/13.png') no-repeat;
                            border: 1px red solid;
                            .px2rem(border-radius, 50*2);
                            position: absolute;
                            .px2rem(left, 150);
                            .px2rem(top, 650);

                        }
                        .li13{
                            .px2rem(font-size, 22*2);
                            .px2rem(width, 159*2);
                            text-align: center;
                            .px2rem(margin-top, 40*2);
                        }
                    }
                    .li2{
                        .px2rem(width, 159*2);
                        .px2rem(height, 230*2);
                        border: 1px #ccc solid;
                        float: left;
                        .li21{
                            text-align: center;
                            img{
                                .px2rem(width, 159*2);
                                .px2rem(height, 120*2);
                            }
                        }
                        .li22{
                            .px2rem(width, 50*2);
                            .px2rem(height, 50*2);
                            background:#F4B475  url('../img/13.png') no-repeat;
                            border: 1px #F4B475 solid;
                            .px2rem(border-radius, 50*2);
                            position: absolute;
                            .px2rem(right, 150);
                            .px2rem(top, 650);
                        }
                        .li23{
                            .px2rem(font-size, 22*2);
                            .px2rem(width, 159*2);
                            text-align: center;
                            .px2rem(margin-top, 40*2);
                        }
                    }
                }
            }
        }
    }
   
}